<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src 资源路径
    1相对路径
        - 图片和页面在同一目录: 直接写图片名
        - 图片在页面的上级目录: ../图片名
        - 图片在页面的下级目录: 文件名/图片名
    2.绝对路径:一般访问站外资源,图片盗链,有找不到图片的风险
    .-->
<!--alt: 当前图片不能正常显示时 显示的文本-->
<img src="a.jpeg" alt="这是个美女图片">
<img src="../b.jpeg"title="这是标题" alt="">
<!--width/height
设置宽高,只设置宽度时高度会自动等比例缩放
1.设置像素宽高
2.设置图片上级元素百分比
-->
<img src="../c.jpeg" width="50" alt="">
<img src="../c.jpeg" width="50%" alt="">
<img src="https://image.baidu.com/search/detail?ct=503316480&z=&tn=baiduimagedetail&ipn=d&word=%E6%BD%98%E6%98%A5%E6%98%A5&step_word=&ie=utf-8&in=&cl=2&lm=-1&st=-1&hd=&latest=&copyright=&cs=274615935,1103730357&os=187421435,3888784502&simid=274615935,1103730357&pn=4&rn=1&di=46137345&ln=1567&fr=&fmq=1650598253227_R&ic=0&s=undefined&se=&sme=&tab=0&width=&height=&face=undefined&is=0,0&istype=2&ist=&jit=&bdtype=11&spn=0&pi=0&gsm=0&objurl=https%3A%2F%2Fgimg2.baidu.com%2Fimage_search%2Fsrc%3Dhttp%253A%252F%252Fnimg.ws.126.net%252F%253Furl%253Dhttp%25253A%25252F%25252Fdingyue.ws.126.net%25252F2022%25252F0308%25252Fe5cc06bbj00r8fml7000xc000hs00a0g.jpg%2526thumbnail%253D660x2147483647%2526quality%253D80%2526type%253Djpg%26refer%3Dhttp%253A%252F%252Fnimg.ws.126.net%26app%3D2002%26size%3Df9999%2C10000%26q%3Da80%26n%3D0%26g%3D0n%26fmt%3Dauto%3Fsec%3D1653190252%26t%3D392112a8d27211733714bbba3744ada2&rpstart=0&rpnum=0&adpicid=0&nojc=undefined&dyTabStr=MCwzLDIsNSw0LDEsNyw4LDYsOQ%3D%3D">
</body>
</html>